<template>
  <v-hover v-slot="{ hover }">
    <v-sheet
      class="d-flex rounded-lg flex-row flex-wrap cur-point"
      :elevation="hover ? 6 : 2"
      color="thirdary"
    >
      <div class="col-12 col-sm-3">
        <v-sheet color="primary" class="h-100" height="200"></v-sheet>
      </div>
      <div class="col-12 col-sm-6 py-5">
        <div>
          <span class="text-body-1 primary--text font-weight-bold"
            >山东大学第二医院</span
          ><span class="text-caption ml-3">三级甲等</span
          ><v-sheet
            class="d-inline-flex fontwhite--text text-body-2 px-2 ml-1 rounded-lg"
            color="primary"
            >挂号</v-sheet
          >
        </div>
        <div class="mt-2">
          <i class="iconfont">&#xe606;</i
          ><span class="text-body-2">0531-88197777</span>
        </div>
        <div class="mt-2">
          <i class="iconfont">&#xe628;</i
          ><span class="text-body-2">山东省济南市北园大街247号</span>
        </div>
      </div>
      <div class="col-12 col-sm-3 d-flex flex-column justify-center">
        <div>累计<span class="primary--text">5947</span>次预约</div>
        <div>累计<span class="primary--text">1180</span>条患者评价</div>
      </div>
    </v-sheet>
  </v-hover>
</template>



<script>
export default {};
</script>



<style lang="scss" scoped>
</style>
